<h1 mat-dialog-title>{{ helptext.exportError | translate }}</h1>
<div mat-dialog-content class="message-content">
  @if (servicesInfo.stop_services.length) {
    <div class="services-block">
      <p>{{ helptext.exportMessages.stopServices | translate }}</p>

      <ul>
        @for (service of servicesInfo.stop_services; track service) {
          <li>{{ service | translate }}</li>
        }
      </ul>
    </div>
  }

  @if (servicesInfo.restart_services.length) {
    <div class="services-block">
      <p>{{ helptext.exportMessages.restartServices | translate }}</p>

      <ul>
        @for (service of servicesInfo.restart_services; track service) {
          <li>{{ service | translate }}</li>
        }
      </ul>
    </div>
  }

  <p>{{ helptext.exportMessages.continueMessage | translate }}</p>
</div>

<ix-form-actions mat-dialog-actions class="form-actions">
  <button
    mat-button
    ixTest="cancel"
    [matDialogClose]="false"
  >
    {{ 'Cancel' | translate }}
  </button>

  <button
    mat-button
    ixTest="continue"
    color="primary"
    [matDialogClose]="true"
  >
    {{ helptext.exportMessages.continueAction | translate }}
  </button>
</ix-form-actions>
